<html>
<head>
    <title>bootstrap</title>
    <link rel="stylesheet" type="text/css" href="common/bootstrap/css/bootstrap.min.css"/>
    <link rel="stylesheet" type="text/css" href="common/css/page/index.css"/>
    <link rel="stylesheet" type="text/css" href="common/css/font-awesome.css"/>
    <script type="text/javascript" src="common/js/jquery-2.1.4.min.js"></script>
    <script type="text/javascript" src="common/bootstrap/js/bootstrap.min.js"></script>

    <style type="text/css">
        ul li ul{
            margin-left:15px;
            padding-left:15px;
        }

        ul li ul {
            padding-left: 15px;
            margin-left: 15px;
        }

        .ulLiAFontNoWrap {
            overflow: hidden;
            text-overflow: ellipsis;
            -o-text-overflow: ellipsis;
            white-space: nowrap;
            width: 100%;
        }
    </style>

    <script type="text/javascript">
        $(document).ready(function(){
            console.info("ready");
        });
    </script>
</head>
<body>
<nav class="navbar navbar-default navbar-static-top navbar-inverse" style="margin:0">
    <div class="container">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
            <img src="$miscModule.getTarget("/resources/images/sys_img/headtit.png")">
        </div>

        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav navbar-right">
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
                       aria-expanded="false"><span class="icon-user" aria-hidden="true"></span>&nbsp;admin <span
                            class="caret"></span></a>
                    <ul class="dropdown-menu">
                        <li><a href="#">帮助</a></li>
                        <li><a href="#">修改密码</a></li>
                        <li><a href="#">退出</a></li>
                    </ul>
                </li>
            </ul>
        </div>
        <!-- /.navbar-collapse -->
    </div>
    <!-- /.container-fluid -->
</nav>
<!-- /navbar -->
<div class="subnavbar" style="margin:0">
    <div class="subnavbar-inner">
        <div class="container">
            <ul class="mainnav">
                <li id="fpdxButton"><a href="$homeModule.getTarget("/default/toPage")?pagePath=tjfx/fpdx/fpdx.vm"><i
                        class="icon-user"></i><span>扶贫对象</span> </a></li>
                <li id="bfcsButton"><a href="$homeModule.getTarget("/default/toPage")?pagePath=tjfx/bfcs/bfcs.vm"><i
                        class="icon-list-alt"></i><span>帮扶措施</span> </a></li>
                <li id="bfcxButton"><a
                        href="$homeModule.getTarget("/default/toPage")?pagePath=tjfx/bfcx/bfcx.vm"><i
                        class="icon-group"></i><span>帮扶成效</span> </a></li>
                <li id="tjbbButton"><a href="$homeModule.getTarget("/default/toPage")?pagePath=tjfx/tjbb/tjbb.vm"><i
                        class="icon-bar-chart"></i><span>统计报表</span> </a></li>
                <li></li>
            </ul>
        </div>
        <!-- /container -->
    </div>
    <!-- /subnavbar-inner -->
</div>
<!-- /subnavbar -->
<div class="container-fluid">
    <div class="row-fluid" style="padding-top: 10px;">
        <!-- 左边菜单栏 -->
        <div class="col-sm-2">
            <div class="panel panel-default">
                <div class="panel-heading">
                    <h3 class="panel-title">
                        扶贫对象
                    </h3>
                </div>
                <div class="panel-body" style="/*overflow: auto;*/ height:63%;">
                    <!-- 扶贫对象报表 -->
                    <div class="container-fluid row">
                        <ul class="nav nav-pills nav-stacked" id="poorObject">
                            <li role="presentation" class="default">
                                <a href="#" class="input-sm glyphicon glyphicon-triangle-right" data-toggle="collapse"
                                   data-target="#poorFamily"> 贫困户</a>
                                <ul class="nav nav-pills nav-stacked collapse" id="poorFamily">
                                    <li role="presentation">
                                        <a href="#" class="input-sm glyphicon glyphicon-triangle-right"
                                           data-toggle="collapse"
                                           data-target="#poorFamilyTable"> 贫困人口基本信息统计表</a>
                                        <ul class="nav nav-pills nav-stacked collapse" id="poorFamilyTable">
                                            <li role="presentation"><a href="#" class="input-sm" title="贫困人口基本信息统计表">贫困人口基本信息统计表</a>
                                            </li>
                                            <li role="presentation"><a href="#" class="input-sm">贫困户人口规模统计表</a></li>
                                            <li role="presentation"><a href="#" class="input-sm">贫困人口身体健康情况统计表</a></li>
                                            <li role="presentation"><a href="#" class="input-sm">贫困人口文化程序情况统计表</a></li>
                                            <li role="presentation"><a href="#" class="input-sm">贫困人口文化程序情况统计表</a></li>
                                            <li role="presentation"><a href="#" class="input-sm">贫困人口文化程序情况统计表</a></li>
                                            <li role="presentation"><a href="#" class="input-sm">贫困人口文化程序情况统计表</a></li>
                                            <li role="presentation"><a href="#" class="input-sm">贫困人口文化程序情况统计表</a></li>
                                            <li role="presentation"><a href="#" class="input-sm">贫困人口文化程序情况统计表</a></li>
                                            <li role="presentation"><a href="#" class="input-sm">贫困人口文化程序情况统计表</a></li>
                                        </ul>
                                    </li>
                                    <li role="presentation"><a href="#" class="input-sm">贫困户人口规模统计表</a></li>
                                    <li role="presentation"><a href="#" class="input-sm">贫困人口身体健康情况统计表</a></li>
                                    <li role="presentation"><a href="#" class="input-sm">贫困人口文化程序情况统计表</a></li>
                                    <li role="presentation"><a href="#" class="input-sm">贫困人口文化程序情况统计表</a></li>
                                    <li role="presentation"><a href="#" class="input-sm">贫困人口文化程序情况统计表</a></li>
                                    <li role="presentation"><a href="#" class="input-sm">贫困人口文化程序情况统计表</a></li>
                                    <li role="presentation"><a href="#" class="input-sm">贫困人口文化程序情况统计表</a></li>
                                    <li role="presentation"><a href="#" class="input-sm">贫困人口文化程序情况统计表</a></li>
                                    <li role="presentation"><a href="#" class="input-sm">贫困人口文化程序情况统计表</a></li>
                                </ul>
                            </li>
                            <li role="presentation">
                                <a href="#" class="input-sm glyphicon glyphicon-triangle-right" data-toggle="collapse"
                                   data-target="#poorVillage"> 贫困村</a>
                                <ul class="nav nav-pills nav-stacked collapse" id="poorVillage">
                                    <li role="presentation"><a href="#" class="input-sm">贫困村识别标准统计表</a></li>
                                    <li role="presentation"><a href="#" class="input-sm">贫困村未脱贫贫困人口统计表</a></li>
                                    <li role="presentation"><a href="#" class="input-sm">贫困村贫困发生率统计表</a></li>
                                    <li role="presentation"><a href="#" class="input-sm">贫困村人口状况统计表（一）</a></li>
                                    <li role="presentation"><a href="#" class="input-sm">贫困村人口状况统计表（一）</a></li>
                                    <li role="presentation"><a href="#" class="input-sm">贫困村人口状况统计表（一）</a></li>
                                    <li role="presentation"><a href="#" class="input-sm">贫困村人口状况统计表（一）</a></li>
                                    <li role="presentation"><a href="#" class="input-sm">贫困村人口状况统计表（一）</a></li>
                                    <li role="presentation"><a href="#" class="input-sm">贫困村人口状况统计表（一）</a></li>
                                    <li role="presentation"><a href="#" class="input-sm">贫困村人口状况统计表（一）</a></li>
                                    <li role="presentation"><a href="#" class="input-sm">贫困村雨露计划与扶贫小额贷款情况统计表</a></li>
                                </ul>
                            </li>
                            <li role="presentation">
                                <a href="#" class="input-sm glyphicon glyphicon-triangle-right" data-toggle="collapse"
                                   data-target="#poorCounty"> 贫困县</a>
                                <ul class="nav nav-pills nav-stacked collapse" id="poorCounty">
                                    <li role="presentation"><a href="#" class="input-sm">贫困县识别标准情况统计表</a></li>
                                    <li role="presentation"><a href="#" class="input-sm">贫困县分布情况统计表</a></li>
                                    <li role="presentation"><a href="#" class="input-sm">贫困县土地资源情况统计表</a></li>
                                    <li role="presentation"><a href="#" class="input-sm">贫困县土地资源情况统计表</a></li>
                                    <li role="presentation"><a href="#" class="input-sm">贫困县土地资源情况统计表</a></li>
                                    <li role="presentation"><a href="#" class="input-sm">贫困县土地资源情况统计表</a></li>
                                    <li role="presentation"><a href="#" class="input-sm">贫困县土地资源情况统计表</a></li>
                                    <li role="presentation"><a href="#" class="input-sm">贫困县土地资源情况统计表</a></li>
                                    <li role="presentation"><a href="#" class="input-sm">贫困县土地资源情况统计表</a></li>
                                    <li role="presentation"><a href="#" class="input-sm">贫困县财政收支情况统计表</a></li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <!-- 数据展示栏 -->
        <div class="col-sm-10">
            <div class="panel panel-default">
                <div class="panel-heading">
                    <h3 class="panel-title">
                        统计条件
                    </h3>
                </div>
                <div class="panel-body">
                    <!-- form条件表单 -->
                    <form class="form-inline">
                        <div class="row-fluid">
                            <div class="form-group col-sm-2">
                                <label>年度：</label>
                                <select class="form-control input-sm">
                                    <option value="2014">2014</option>
                                    <option value="2015">2015</option>
                                    <option value="2016">2016</option>
                                    <option value="2017">2017</option>
                                    <option value="2018">2018</option>
                                    <option value="2019">2019</option>
                                    <option value="2020">2020</option>
                                </select>
                            </div>
                            <div class="col-sm-3">
                                <label>识别标准：</label>
                                <select class="form-control input-sm">
                                    <option></option>
                                    <option>国家标准</option>
                                    <option>省定标准</option>
                                    <option>市定标准</option>
                                </select>
                            </div>
                            <div class="col-sm-3">
                                <label>脱贫属性：</label>
                                <select class="form-control input-sm">
                                    <option>未脱贫</option>
                                    <option>脱贫</option>
                                    <option>返贫</option>
                                </select>
                            </div>
                            <div class="col-sm-2 col-md-offset-2">
                                <button type="button" class="btn btn-primary input-sm">统计</button>
                                <button type="button" class="btn btn-primary input-sm">导出</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>

            <div class="panel panel-default">
                <div class="panel-heading">
                    <ol class="breadcrumb" style="height: 5px;">
                        <li><a href="#">湖北省</a></li>
                        <li><a href="#">武汉市</a></li>
                        <li class="active">新洲区</li>
                    </ol>
                </div>

                <!-- 数据展示表格 -->
                <div class="panel-body" style="height:39%;">
                    <table class="table table-bordered table-hover table-responsive">
                        <thead>
                        <tr>
                            <th>地区</th>
                            <th>人数</th>
                            <th>人数</th>
                            <th>人数</th>
                            <th>人数</th>
                            <th>人数</th>
                            <th>人数</th>
                            <th>人数</th>
                            <th>人数</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td>地区</td>
                            <td>1</td>
                            <td>1</td>
                            <td>1</td>
                            <td>1</td>
                            <td>1</td>
                            <td>1</td>
                            <td>1</td>
                            <td>1</td>
                        </tr>
                        <tr>
                            <td>地区</td>
                            <td>1</td>
                            <td>1</td>
                            <td>1</td>
                            <td>1</td>
                            <td>1</td>
                            <td>1</td>
                            <td>1</td>
                            <td>1</td>
                        </tr>
                        <tr>
                            <td>地区</td>
                            <td>1</td>
                            <td>1</td>
                            <td>1</td>
                            <td>1</td>
                            <td>1</td>
                            <td>1</td>
                            <td>1</td>
                            <td>1</td>
                        </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript">
    $(function () {
        $("#fpdxButton").addClass("active");

        $("ul li a").hover(function () {
            $(this).removeClass("ulLiAFontNoWrap").addClass("text-nowrap")
        }, function () {
            $(this).removeClass("text-nowrap").addClass("ulLiAFontNoWrap");
        }).removeClass("text-nowrap").addClass("ulLiAFontNoWrap");

        $(".input-sm.glyphicon.glyphicon-triangle-right").click(function(){
            $(this).toggleClass("glyphicon-triangle-bottom");
        });
    });



</script>
</body>
</html> 